import { Input } from "antd";
import { SearchOutlined } from "@ant-design/icons";

interface SearchBarProps {
  value: string;
  onChange: (value: string) => void;
}

export default function SearchBar({ value, onChange }: SearchBarProps) {
  return (
    <Input
      size="large"
      placeholder="输入关键词搜索文档..."
      value={value}
      onChange={(e) => onChange(e.target.value)}
      prefix={<SearchOutlined className="text-gray-400" />}
      className="w-full"
    />
  );
}
